.warp{width:1200px; margin:0 auto;}
.tal{text-align:left;}

/*----导航----*/
.header{width:100%; background:#fff;}
.header.fix{position:fixed; top:0; z-index:99; box-shadow: 0 2px 6px rgba(0, 0, 0, .1);}
.logo{float:left; margin-top:10px;}
.nav{float:right; position:relative; z-index:99;}
.nav li{float:left; line-height:75px; height:75px; font-size:14px; position:relative;}
.nav li a{padding:0 26px; display:block;}
.nav li a:hover{color:#000;}
.nav li.on a{ color:#000; background:#77bc3f;}
.nav li ul{position:absolute; left:0; top:75px; z-index:10; background:#fff; text-align:center; width:100%; display:none;}
.nav li ul li{width:100%; overflow:hidden; line-height:45px; height:45px;}
.nav li ul a{padding:0 0 25px;}
.nav li.on ul a{border:0 none; color:#000; background:none;}
.nav .navico{display:none; position:relative; z-index:99;}
.hsbg{position:fixed; top:0; left:0; background:#000; opacity:0.01; width:100%; height:100%; z-index:1; display:none;}
/*----导航 end----*/
/*----首页banner----*/
.banner_box{ width:100%; height:100%;  margin:0 auto; position:relative; overflow:hidden;}
.banner_box .hd{ width:100%;  position:absolute; z-index:1; bottom:20px; text-align:center;}
.banner_box .hd ul{ display:inline-block;}
.banner_box .hd ul li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; margin:0 8px;  vertical-align:top; overflow:hidden; border:2px #fff solid; text-indent:-9999em;}
.banner_box .hd ul .on{ background:#fff;  }
.banner_box .bd{ position:relative; z-index:0; }
.banner_box .bd li{position:relative;}
.banner_box .bd li img{ width:100%;}
.ban_txt{position:absolute; top:35%; left:50%; margin-left:-20%; width:40%; padding:30px 0; box-sizing:border-box; background:rgba(0,0,0,0.4); color:#fff; text-align:center;}
.ban_txt h2{font-size:38px;}
.ban_txt p{font-size:14px; padding-top:15px;}

.nbanner{width:100%; height:380px; overflow:hidden;}
/*----首页banner end----*/
.pad40{padding:40px 0; width:100%; overflow:hidden;}

.footer{background:#0e0f21; text-align:center; width:100%; overflow:hidden; padding:45px 0;}
.foot_link{color:#fff; font-size:14px;  line-height:28px;}
.foot_link a{padding:0 10px; color:#fff; display:inline-block;}
.foot_copy{color:#fff; margin-top:20px;}
.foot_copy a{color:#fff; margin-top:20px;}
.title{width:100%; text-align:center; overflow:hidden; position:relative; top:50px; opacity:0;}
.title h2{font-size:24px; color:#333;}
.title p{font-size:14px; color:#666; padding-top:5px;}
.iservic dl{border:1px #f0f0f0 solid; width:48%; margin-top:38px; padding:45px 0; position:relative;}
.iservic dl dt{padding-left:50px; float:left;}
.iservic dl dt img{border:1px #f0f0f0 solid; width:88px; height:88px; border-radius:50%;}
.iservic dl dd{padding:0 50px 0 170px; line-height:22px;}
.iservic dl dd h2{font-size:18px; color:#333; padding:5px 0 10px;}
.iservic dl dd p{ font-size:12px; color:#999;}
.iservic .fl{left:-50%; opacity:0;}
.iservic .fr{right:-50%; opacity:0;}
.iabout{text-align:center; font-size:14px; color:#333; line-height:30px;}
.iabout_txt{ padding:30px 0; position:relative; left:-50%; opacity:0; width:60%; margin:0 auto;text-align: left;}
.iabout_more{right:-50%; opacity:0; position:relative;}
.iabout_more a{width:200px; height:58px; line-height:58px; background:#fff; border-radius:5px; color:#666; font-size:14px; text-align:center; display:inline-block;}

.iproduct{margin-top:15px;}
.iproduct .picScroll{ text-align:center;}
.iproduct .picScroll .bd ul{ width:100%;  float:left; padding-top:10px; position:relative; top:150px; opacity:0;}
.iproduct .picScroll .bd li{ width:25%; float:left; text-align:center; margin-top:20px; line-height:22px;}
.iproduct .picScroll .bd li a{ padding:0 8px; display:block;}
.iproduct .picScroll .bd li img{ width:100%;}
.iproduct .picScroll .bd li span, .iproduct .picScroll .bd li em, .iproduct .picScroll .bd li i{width:100%; overflow:hidden; display:block;}
.iproduct .picScroll .bd li em{margin-top:10px; font-size:16px; height:22px;}
.iproduct .picScroll .bd li i{margin-top:5px; color:#666; height:22px;}

.picScroll .hd{ margin:40px auto 0; display:inline-block;}
.picScroll .hd ul{ display:none;}	
.picScroll .hd li{}
.picScroll .hd .on{ background:#80BD6D;  }

.picScroll .prev, .picScroll .next{ display:inline-block; width:66px; height:58px; border:1px #e0e0e0 solid; border-radius:5px; float:left; cursor:pointer;}
.picScroll .prev{ background:url(../images/ico_jlf.png) no-repeat center center; }
.picScroll .next{ background:url(../images/ico_jfr.png) no-repeat center center; }
.picScroll .prevStop{ background:url(../images/ico_jlf2.png) no-repeat center center; }
.picScroll .nextStop{ background:url(../images/ico_jfr2.png) no-repeat center center; }
.imore{width:200px; height:58px; line-height:58px; margin:0 20px; border:1px #e0e0e0 solid; border-radius:5px; float:left; font-size:14px; color:#333; background:#fff;}
.inewsbg{background:#fafafa;}
.inews .picScroll{ text-align:center;}
.inews .picScroll .bd ul{position:relative; top:150px; opacity:0;}
.inews .picScroll li{width:31.33%; float:left; padding:20px; margin:20px 1% 0; display:inline-block; border:1px #f0f0f0 solid; background:#fff; box-sizing:border-box; text-align:left; line-height:20px;}
.inews .picScroll li h2{font-size:14px; font-weight:bold; color:#333; height:20px; overflow:hidden;}
.inews .picScroll li h1{margin-top:12px; color:#666;}
.inews .picScroll li h1 img{width:100%;}
.inews .picScroll li p{margin-top:10px; color:#666; font-size:14px;}
.inews .picScroll li p.ptxt{height:40px; overflow:hidden; font-size:12px;}
.inews .picScroll li h3{margin-top:20px; color:#666;}
.inews .picScroll li h3 a{color:#999;}
.icontact_box{width:100%; overflow:hidden; padding-left:1px; box-sizing:border-box; margin-top:30px; position:relative; left:-50%; opacity:0;}
.icontact_box dl{width:33.33%; float:left; box-sizing:border-box; border:1px #e8e8e8 solid; margin:0 0 0 -1px; padding:50px 0;}
.icontact_box dl dt{padding-left:28px; float:left;}
.icontact_box dl dt img{ border:1px #e8e8e8 solid; width:50px; height:50px; border-radius:50%;}
.icontact_box dl dd{padding:0 20px 0 88px; color:#666; line-height:20px;}
.icontact_box dl dd h2{font-size:14px; color:#333; padding:3px 0 5px;}
.icontact_info{ right:-50%; opacity:0; width:100%; overflow:hidden; position:relative;}
.icontact_info dl{width:29.33%; border-bottom:1px #e8e8e8 solid; float:left; margin:35px 6% 0 0; display:inline-block;}
.icontact_info dl.dl3{margin:35px 0 0;}
.icontact_info dl.dl4{width:100%; margin:35px 0 0;}
.icontact_info dl dt{width:75px; float:left; line-height:30px; color:#666; font-size:14px;}
.icontact_info dl dd{padding-left:75px;}
.icontact_info dl dd input{border:0 none; height:30px; line-height:30px; background:none; font-size:14px; width:100%;}
.icontact_info dl dd textarea{width:100%; height:60px; line-height:20px; border:0 none; background:none; font-size:14px; padding-top:5px;}
.button{width:200px; height:58px; text-align:center; line-height:58px; border:1px #e0e0e0 solid; border-radius:5px; background:#fff; font-size:14px; color:#666; margin-top:30px;}
.title_menu{width:100%; text-align:center; overflow:hidden; padding:30px 0 10px; position:relative; top:150px; opacity:0;}
.title_menu a{width: 142px; height: 50px; margin:16px 8px 0; line-height: 50px; background:#f0f0f0; display:inline-block; font-size:14px; color:#000;}
.title_menu a.on{background:#222; color:#fff;}
.page{overflow:hidden; text-align:center; width:100%; margin-bottom:20px;}
.page a{height:40px; line-height:40px; width:40px; margin:0 5px; display:inline-block; color:#000; background:#f0f0f0; font-size:14px;}
.page a.active{background:#222; color:#fff;}
.contact{line-height:30px; font-size:14px; padding:30px 0; color:#333;}
.contact h2{font-size:18px; font-weight:bold; color:#000; padding-bottom:10px;}
.iabout_txt.tal{width:90%;}
.news{font-size:14px; color:#999; line-height:22px; width:1100px; margin:0 auto; overflow:hidden; position:relative; top:150px; opacity:0;}
.news li{width:100%; overflow:hidden; border-bottom:1px solid #f0f2f5; padding:30px 0;}
.news li h2{font-size:18px; color:#000;}
.news li p{ height:22px; overflow:hidden; width:100%; margin-top:18px;text-overflow:ellipsis; white-space:nowrap;}
.news li h3{ margin-top:10px;}
.detail{font-size:14px; line-height:22px; width:1100px; margin:50px auto 0; overflow:hidden; position:relative; top:150px; opacity:0;}
.detail_tit{text-align:center; margin-bottom:30px; width:100%; overflow:hidden; border-bottom:1px #ddd dashed; padding-bottom:20px;}
.detail_tit h2{font-size:18px; margin-bottom:10px; width:100%; overflow:hidden;}

@media all and (max-width:1200px) {
	.warp{width:100%;}
	.ban_txt{padding:10px 0; width:50%; margin-left:-25%;}
	.ban_txt h2{font-size:32px;}
	.ban_txt p{font-size:14px;}
	.iservic{padding:0 20px; box-sizing:border-box;}
	.iservic dl dt{padding-left:30px;}
	.iservic dl dd{padding:0 30px 0 140px;}
	.iabout_txt{width:70%;}
	.contact{padding:0 5%;}
	.news{width:90%;}
	.detail{width:90%;}
}
@media all and (max-width:1000px) {	
	.iservic dl dt{padding-left:20px;}
	.iservic dl dd{padding:0 20px 0 125px;}
}
@media screen and (min-width:769px) and (max-width:1000px) {
	.nav li a{padding:0 22px;}
	.ban_txt h2{font-size:28px;}
	.ban_txt p{font-size:12px;}
	.iabout_txt{width:80%;}
	
}
@media all and (min-width:0) and (max-width:768px) {	
	.nbanner{height:148px;}
	.logo{width:140px; margin:10px;}
	.logo img{max-width:100%;}
	.nav{}
	.nav .navico{display:block; padding:20px 15px;}
	.nav ul{position:absolute; top:58px; right:0; width:248px; background:#f0f0f0; display:none; z-index:99;}
	.nav ul li{width:100%; overflow:hidden; line-height:48px; height:48px; border-bottom:1px #ddd solid; text-align:center;}
	.nav li a{ padding:0 10px; display:block;}
	.nav li.on a{ background:none; color:#000;}
	.nav li ul{position:inherit; display:none; top:inherit; left:inherit; right:inherit; padding:0 0 10px; overflow:hidden;}
	.nav li ul li{}
	.nav li ul li a{padding:0; color:#000;}
	
	.focus .hd{bottom:10px;}
	.ban_txt{padding:10px 0; width:80%; margin-left:-40%; top:23%;}
	.ban_txt h2{font-size:16px;}
	.ban_txt p{font-size:12px; padding-top:8px;}
	.iservic{padding:0 20px; box-sizing:border-box;}
	.iservic dl{width:100%; overflow:hidden; padding:20px 0; margin-top:22px;}
	.iservic dl dt{padding-left:20px;}
	.iservic dl dd{padding:0 20px 0 125px;}
	.iabout_txt{width:90%;}
	.iproduct .picScroll .bd li{width:50%;}
	.picScroll .prev, .picScroll .next{width:48px; height:42px;}
	.imore{width:158px; margin:0 10px; height:42px; line-height:42px;}
	.inews .picScroll li{width:90%; margin:20px 5% 0;}
	.icontact_box dl{width:90%; margin:10px auto 0; float:inherit; overflow:hidden;}
	.icontact_info{width:90%; margin:0 auto; overflow:hidden;}
	.icontact_info dl{width:100%; float:inherit; overflow:hidden;}
	
}